<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: "app",
  data() {
    return {};
  },
  watch: {},
  created() {

  },
  methods: {},
  computed: {}
};
</script>
<style lang="scss">
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.table-wrapper{position: relative;}

.avue-main {
  padding-bottom: 0!important;
}
.el-table__empty-block{width: 100%!important;}
.system_wrap {
  margin-top: $system_wrap_top;
}

.basic-container {
  padding: 0!important;
}

.el-scrollbar {
  height: 100%;
}

.serach_input {
  margin-bottom: $common_margin_input_bottom;
}

.el-card__body {
  padding: $el-card_body_padding !important;
}

.custom-tree-node {
  overflow: hidden;
}

.avue-view {
  height: 100%;
}

.basic-container{
  background-color: #fff;
}

.avue-crud {
  width: 100%!important;
}
/*表格滚动的时候出现1px的固定线*/

.el-table__fixed-right::before,
.el-table__fixed::before {
  height: 0px;
}

.lc_wrap {
  width: 100%!important;
  height: calc(100% - 40px)!important;
}
.gis_wrap{
  width: 100%!important;
  height: calc(100% - 20px)!important;		
}

.box {
  position: relative;
  .avue-tree__filter {
    margin-bottom: $common_margin_input_bottom;
  }
  margin-right: $common_margin_right;
  * {
    font-size: $tree_fontSize;
  }
  ::-webkit-scrollbar {
    display: none;
  }
  .show-ellipsis {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
#hidePage{
  .avue-crud__pagination{display: none;}
}	
.tabelContainer {
  height: calc(100% - 60px)!important;
  .tabelContainer_elRow{
    ::-webkit-scrollbar {
      display: none;
    }			
  }
}

.avue-crud__menu {
  margin-bottom: 0!important
}

.avue-form__menu--center {
  text-align: left;
}

.avue-form__row {
  padding-left: 0!important;
}

.avue-crud__search .el-form-item--mini.el-form-item,
.avue-crud__search .el-form-item--small.el-form-item {
  margin-bottom: 4px;
}

.avue-crud .avue-crud__left .el-button {
  margin-bottom: 0;
}

.el-dialog {
  .el-dialog__body {
    .el-form-item {
      margin-bottom: 10px !important;
    }
  }
}
</style>
